@charset "utf-8";
/* CSS Document */

*{padding:0;margin:0;}
body
{
	background: url('../images/body-bg.gif') repeat scroll 0px 0px transparent;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: rgb(100, 100, 100);
}
#top-background{
	width:100%;
	background: url('../images/stars.png') no-repeat top transparent;
}
#page-container
{
	width:940px;
	margin:-20px auto;
}
#header
{
	position:relative;
	width:100%;
	min-height:150px;

}



#navigation
{
	margin:10px auto;
	width:100%;
	min-height:70px;
	background:url('../images/menu-bg.gif') 0 repeat-x;
}
#navigation ul {list-style-type:none;display:inline;}
#navigation ul li {float:left;padding:25px 20px 5px 35px;}
#navigation ul li a {text-decoration:none; font-size:20px ; font-weight:bold;color:#FFF;text-align:center;}
#navigation ul li a:hover{color:red;}

#slider
{
	width:100%;
	height:500px;
	background-color:#39F;
	
}
#main-content
{
	float:left;
	width:100%;

	
}
#left-content
{
	float:left;
	width:690px;
	min-height:700px;
	margin:5px;
}
#left-content-inline
{
	padding:5px;
}
#left-content table
{
    margin:20px auto;
    color: black;
    width:680px;
    font-size: 15px;
}
#left-content table .col1 
{
    text-align: right;
    height: 20px;
    width:200px;
    
    
}
#left-content table .col2
{
    width:200px;
    height: 30px;
}
.products
{
	float:left;
	width:210px;
	min-height:350px;
	margin-left:5px;
	margin-bottom:5px;
	border:1px dotted gray;

	 
}
.products img
{
	width:200px;
	height:280px;
	padding:5px;
}
.products p {padding:3px 9px 0 9px;}

#right-content
{
	float:left;
	width:220px;
	margin:5px 0px 5px 10px;
	border:1px dotted gray;
}
#module1
{
	width:210px;
	min-height:100px;
	margin:5px 5px 0px 5px;
}
.title
{
	width:100%;
	background:black;
	min-height:30px;
	font-size:18px;
	color:white;
}
.title p {
	padding:5px 10px 0 5px;
	
}
#list_products_content
{
	width:210px;margin:5px 5px 0px 5px;
}

#list_products_content a{text-decoration:none;font-size:16px;}
#list_products_content dl{width:210px;margin:5px 5px 0px 5px;}
#list_products_content dl,dd{margin:0;}
#list_products_content dt{background:black;font-size:18px; padding:5px;}    
#list_products_content dt a{color:#fff;}
#list_products_content dd a{color:#000;}
#list_products_content dd a:hover{color:red;}
#list_products_content ul{list-style:none;padding:5px;}

#module2
{
	width:210px;
	margin:5px 5px 0px 5px;
}


#footer
{
	background-color:black;
	width:100%;
	height:60px;
}
#footer_col1
{
	width:50%;
	float:left;
	margin:5px;
	color:white;
	border-right:1px dotted gray;
	color:white;
	padding-left:5px;
}
#footer_col2
{
	width:45%;
	float:left;
	margin:5px;
	color:white;

}
#footer_col2 a 
{
	text-decoration:none;
	color:white;
	padding:0 30px 0 30px;
	font-size:15px;

}
#footer_col2 a:hover {color:red;background:yellow;}
#logo
{
	position:absolute;
	width:300px;
	height:122px;
	background:url('../images/logo.jpg') no-repeat;
	left:310px;
	top:70px;

}
#sanpham {min-height: 140px;float:left;border: 1px dotted gray;}
#img{height: 140px;width: 100px;margin: 5px;}
#chitiet_sanpham{float:left;min-height: 150px;width:350px;}
#chitiet_sanpham #noidung{width:100%;min-height: 120px;margin: 5px;}
#soluong_sp {float:left;min-height: 150px;width: 80px;}
#xoa_sp{float:left;min-height: 150px;width: 80px;}
#thanhtoan{width:100%;min-height: 100px;margin: 5px;}
#tongsp{width: 250px;min-height: 30px;}
#tongtien{width: 250px;min-height: 30px;}
a.btnXoa:hover{background: #ff99ff;}

.dssp_thanhtoan {width:690px;min-height: 100px;float: left;}
#inline_ds{width:680px;margin: 5px;min-height: 100px;}

#khachhang td {text-align: center;width: 100px;}

#addsp {display: none;}